$(function () {
    //1.楼梯什么时候显示，800px scroll--->scrollTop
    $(window).on('scroll', function () {
        var $scroll = $(this).scrollTop();
        if ($scroll >= 940) {
            $('.posi').show();
        } else {
            $('.posi').hide();
        }
    });
    $('.shopjieshao li').each(function (i) {
        console.log(i)
        $(this).click(function () {
            $('.shopjieshao li a').css('color', '#666666');
            $(this).css('background', ' #e4393c').siblings().css('background', '#f7f7f7');
            $(this).find('a').css('color', 'white')
            $('.xuanxiangka .actives').eq(i).css('display', 'block').siblings().css('display', 'none');
        })
    })
    $('.shopjieshaos li').each(function (i) {
        console.log(i)
        $(this).click(function () {
            $('.shopjieshaos li a').css('color', '#666666');
            $(this).css('background', ' #e4393c').siblings().css('background', '#f7f7f7');
            $(this).find('a').css('color', 'white')
            $('.xuanxiangka .actives').eq(i).css('display', 'block').siblings().css('display', 'none');
        })
    })
    $(".crumb .crumb-item-one").mouseover(function () {
        $(this).children(".crumb-item-two").css({
            "display": "block"
        })
        $(this).css({
            "border-bottom": "none",
            "height": "30px"
        })
    }).mouseout(function () {
        $(this).children(".crumb-item-two").css({
            "display": "none"
        })
        $(this).css({
            "border": "solid 1px #737373",
            "height": "22px"
        })
    })
    //top右下拉
    $(".contact").mouseover(function () {
        $(this).css({
            "height": "30px"
        })
    }).mouseout(function () {
        $(this).css({
            "height": "22px"
        })
    });


    function switchSkuId() {
        var checkDivs = $(".redborder div");
        console.log("len:" + checkDivs.length)
        var valueIds = "";
        //把红框div中的元素遍历 ，提取每个元素的value ，用|组合成字符串
        for (var i = 0; i < checkDivs.length; i++) {
            var saleAttrValueDiv = checkDivs.eq(i);
            if (i > 0) {
                valueIds = valueIds + "|";
            }
            valueIds = valueIds + saleAttrValueDiv.attr("value");

        }
        console.log("valueIds:" + valueIds);
        var valuesSku = $("#valuesSku").attr("value");
        console.log("valuesSku:" + valuesSku);
        var valuesSkuMap = JSON.parse(valuesSku);
        var skuId = valuesSkuMap[valueIds];  //map.get()
        console.log("skuId:" + skuId);
        var skuIdSelf = $("#skuId").val();
        //1 查出来要跳转的是自己的sku
        //2 没查出来对应的skuID
        //3 需要跳转的skuId


        if (skuId) {
            if (skuId == skuIdSelf) {
                $("#cartBtn").attr("class", "box-btns-two");
            } else {
                window.location.href = "/" + skuId + ".html";
            }


        } else {
            $("#cartBtn").attr("class", "box-btns-two-off");
        }

    }


    $(".box-attr dd").click(function () {
        $(this).css({
            "border": "solid 1px red"
        }).siblings("dd").css({
            "border": "solid 1px #ccc"
        })
    })

    //红边框
    $(".box-attr-2 dd").click(function () {
        $(this).addClass("redborder").siblings("dd").removeClass("redborder");
        switchSkuId();
    })
    //加减
    $("#jia").click(function () {
        var n = $(this).parent().parent().prev("input").val()
        var num = parseInt(n) + 1
        if (num == 0) {
            return;
        }
        $(this).parent().parent().prev("input").val(num)
    })

    $("#jian").click(function () {
        var n = $(this).parent().parent().prev("input").val()
        var num = parseInt(n) - 1
        if (num == 0) {
            return;
        }
        $(this).parent().parent().prev("input").val(num)
    })

    //左右滚动
    $("#left").click(function () {
        $(".box-lh-one ul").stop().animate({
            "left": "-297px"
        })
        $(this).css({
            "color": "#000"
        })
        $("#right").css({
            "color": "#ccc"
        })
    })
    $("#right").click(function () {
        $(".box-lh-one ul").stop().animate({
            "left": 0
        })
        $(this).css({
            "color": "#000"
        })
        $("#left").css({
            "color": "#ccc"
        })
    })

    //换图片
    $(".box-lh-one li").mouseover(function () {
        $(this).css({
            "padding": "0",
            "border": "solid 1px red"

        }).siblings().css({
            "padding": "1px",
            "border": "none"
        })

    })

    //地区出现
    $(".box-stock-li").mouseover(function () {
        $(".box-stock-two").css({
            "display": "block"
        })
        $(this).css({
            "border": "solid 1px #ccc",
            "border-bottom": "none",
            "padding": "0",
            "padding-bottom": "1px"
        })
    }).mouseout(function () {
        $(".box-stock-two").css({
            "display": "none"
        })
        $(this).css({
            "border": "none",
            "padding": "1px"
        })
    })

    //切换地区
    $(".box-stock-div").click(function () {
        var num = $(this).index()
        $(".box-stock-con").eq(num).css({
            "display": "block"
        }).siblings().css({
            "display": "none"
        })
        $(".box-stock-div").eq(num).css({
            "border": "solid 1px red",
            "border-bottom": "solid 2px #fff"
        }).siblings().css({
            "border": "1px solid #ddd",
            "border-bottom": "none"
        })
        $(".box-stock-fot").css({
            "border-top": "solid 1px red"
        })
    })

    //上升 下升
    $(function () {
        var toggle = true;
        $(".box-stock-two-img").click(function () {
            if (toggle) {
                $(".box-stock-dd").css({
                    "display": "none"
                })
                $(this).css({
                    "transform": "rotate(180deg)"
                })
                toggle = false;
            } else {
                $(".box-stock-dd").css({
                    "display": "block"
                })
                $(this).css({
                    "transform": "rotate(0)"
                })
                toggle = true;
            }

        })
    })

    function Zoom(imgbox, hoverbox, l, t, x, y, h_w, h_h, showbox) {
        var moveX = x - l - (h_w / 2);
        //鼠标区域距离
        var moveY = y - t - (h_h / 2);
        //鼠标区域距离
        if (moveX < 0) {
            moveX = 0
        }
        if (moveY < 0) {
            moveY = 0
        }
        if (moveX > imgbox.width() - h_w) {
            moveX = imgbox.width() - h_w
        }
        if (moveY > imgbox.height() - h_h) {
            moveY = imgbox.height() - h_h
        }
        //判断鼠标使其不跑出图片框
        var zoomX = showbox.width() / imgbox.width()
        //求图片比例
        var zoomY = showbox.height() / imgbox.height()

        showbox.css({
            left: -(moveX * zoomX),
            top: -(moveY * zoomY)
        })
        hoverbox.css({
            left: moveX,
            top: moveY
        })
        //确定位置

    }

    function Zoomhover(imgbox, hoverbox, showbox) {
        var l = imgbox.offset().left;
        var t = imgbox.offset().top;
        var w = hoverbox.width();
        var h = hoverbox.height();
        var time;
        $(".probox img,.hoverbox").mouseover(function (e) {
            var x = e.pageX;
            var y = e.pageY;
            $(".hoverbox,.showbox").show();
            hoverbox.css("opacity", "0.3")
            time = setTimeout(function () {
                Zoom(imgbox, hoverbox, l, t, x, y, w, h, showbox)
            }, 1)
        }).mousemove(function (e) {
            var x = e.pageX;
            var y = e.pageY;
            time = setTimeout(function () {
                Zoom(imgbox, hoverbox, l, t, x, y, w, h, showbox)
            }, 1)
        }).mouseout(function () {
            showbox.parent().hide()
            hoverbox.hide();
        })
    }

    $(function () {
        Zoomhover($(".probox img"), $(".hoverbox"), $(".showbox img"));
        $(".box-lh-one ul li").hover(function () {
            $('.img1').attr("src", $(this).find('img').attr('src'));
        })
    })
    //我的京东显示隐藏
    $(".zjxs").mouseover(function () {
        $(".header_wdjd").css("display", "block");
    }).mouseout(function () {
        $(".header_wdjd").css("display", "none");

    })

//手机京东显示隐藏
    $(".sjxs").hover(function () {
        $(".header_sjjd").toggle();
    })

//关注京东显示隐藏
    $(".gzxs").hover(function () {
        $(".header_gzjd").toggle();
    })

//关注京东显示隐藏
    $(".khxs").hover(function () {
        $(".header_khfw").toggle();
    })

//网站导航显示隐藏
    $(".wzxs").hover(function () {
        $(".header_wzdh").toggle();
    })

    $(".header_ul_left>.glyphicon-map-marker").mouseover(function () {
        $(this).children("#beijing").show();
    }).mouseout(function () {
        $(this).children("#beijing").hide();
    })
    $(".header_ul_right>.jingdong").mouseover(function () {
        $(this).children(".jingdong_ol").show();
    }).mouseout(function () {
        $(this).children(".jingdong_ol").hide();
    })
    $(".header_ul_right>.fuwu").mouseover(function () {
        $(this).children(".fuwu_ol").show();
    }).mouseout(function () {
        $(this).children(".fuwu_ol").hide();
    })
    $(".header_ul_right>.daohang").mouseover(function () {
        $(this).children(".daohang_ol").show();
    }).mouseout(function () {
        $(this).children(".daohang_ol").hide();
    })

    $('.nav_top_three').mouseover(function () {
        $('.gouwuchexiaguo').css('display', 'block')
    }).mouseout(function () {
        $('.gouwuchexiaguo').css('display', 'none')
    })

    $('.aaa').on('click', function () {
        $('html,body').animate({//$('html,body')兼容问题body属于chrome
            scrollTop: 0
        })
    });
})


